<template>
  <div class="out">
    <div class="foot_nav">
      <div class="foot_nav1">
        <ul>
          <li>概述</li>
          <li>博物馆介绍</li>
          <li>领导介绍</li>
          <li>部门设置</li>
        </ul>
        <ul>
          <li>咨询</li>
          <li>新闻资讯</li>
          <li>活动公告</li>
          <li>馆务公开</li>
        </ul>
        <ul>
          <li>展览</li>
          <li>基本呈列</li>
          <li>临展预告</li>
          <li>当前展览</li>
          <li>历年展览</li>
        </ul>
        <ul>
          <li>典藏精品</li>
          <li>藏品欣赏</li>
          <li>藏品检索</li>
        </ul>
        <ul>
          <li>活动</li>
          <li>活动预告</li>
          <li>文博课堂</li>
          <li>文博讲座</li>
          <li>青少年活动</li>
        </ul>
        <ul>
          <li>专栏</li>
          <li>志愿者之家</li>
          <li>制度建设</li>
        </ul>
        <ul>
          <li>学术</li>
          <li>学术成果</li>
          <li>课题研究</li>
          <li>微课视频</li>

          <li>读书分享</li>
        </ul>
      </div>
      <div class="foot_nav2">
        <p>友情链接</p>
        <div>
          <select name id class="bg_select">
            <option value>--博物馆网站--</option>
            <option value>--中国国家博物馆--</option>
            <option value>--浙江省博物馆--</option>
          </select>
        </div>
        <div class="select_parent">
          <select name id>
            <option value>--市政府网站--</option>
          </select>
          <div class="bg_select"></div>
        </div>
        <div class="select_parent">
          <select name id>
            <option value>--各省网站--</option>
          </select>
          <div class="bg_select"></div>
        </div>
      </div>
    </div>
  </div>
</template>
<style scoped>
ul,
p,
li {
  padding: 0px;
  margin: 0px;
}
li {
  list-style: none;
}
.out {
  background: rgb(31, 31, 31);
  padding-top: 40px;
  box-sizing: border-box;
  height: 363px;
}
.out  .foot_nav {
  width: 55%;
  height: 85%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  color: white;
}
.out  .foot_nav1 {
  display: flex;
  justify-content: space-between;
}
.out  .foot_nav1 li {
  line-height: 60px;
}
.out  .foot_nav2 {
  display: flex;
  justify-content: space-evenly;
}
/* .select_parent {
  box-sizing: border-box;
  width: 140px;
display:flex;
position: relative;
  overflow: hidden;
  background-color: #eeeeee;
} */
.out  select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: solid 1px #000;
  padding: 3px 20px;
  padding-right: 40px;
  border-radius: 3px;
  font-size:18px;
  background: url("../assets/image/select.png") no-repeat scroll right center
    transparent;
  background-color: white;
}
/* .bg_select{
    width:10px;height:10px;
    background: cornflowerblue;
    position: absolute;
    top:0px;
    right:0px;
   
} */
</style>